<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<%@ include file="../../common/jsp/sheetHeader.jsp" %>
<link rel="Stylesheet" type="text/css" href="/Mass_template/common/colpick/css/colpick.css" />
<script type="text/javascript" src="/Mass_template/common/colpick/js/colpick.js"></script>
<script>
	$(document).ready(function() {
		
		//sheet 초기화  
		createIBSheet2(document.getElementById("viewArea"),"mySheet","100%","400px");
		
		var cfg = {SearchMode:smLazyLoad,Page:30};
		var headers = [ {Text:"NO|차량명|특징|연식|가격|사용거리|사고유무|판매자|등록일자|조회수", Align:"Center"} ];
		var info = {Sort:1,ColMove:1,ColResize:1,HeaderCheck:1};
		var cols = [
			{Type:"Seq",Width:40 ,	SaveName:"SEQ",Align:"Center"   },
			{Type:"Text",Width:165,	SaveName:"NAME"  },
			{Type:"Text",Width:155,SaveName:"SUBJECT"},
			{Type:"Int",Width:60,SaveName:"YEAR",Format:"####년",Align:"Center"},
			{Type:"Int",Width:70,SaveName:"PRICE",Format:"#,###만원",Align:"Center"},
			{Type:"Int",Width:70,	SaveName:"DISTANCE",Format:"#,##0Km",Align:"Center"},
			{Type:"Combo",Width:50,	SaveName:"ACCIDENT",ComboText:"무사고|사고",ComboCode:"0|1",Align:"Center"},
			{Type:"Text",Width:55,	SaveName:"DEALER"	,Align:"Center"},
			{Type:"Date",Width:50,SaveName:"CDATE" ,Format:"Md",Align:"Center"},
			{Type:"Int",Width:50,SaveName:"COUNT"}
		];

		mySheet.SetConfig(cfg);
		mySheet.InitHeaders(headers,info);
		mySheet.InitColumns(cols);
		
		//건수 정보 표시 안함
		mySheet.SetCountPosition(0);

		mySheet.FitColWidth();
		
		//필터행 생성
		mySheet.ShowFilterRow();
		
		doAction("search");
	});
	
	/*Sheet 각종 처리*/
	function doAction(sAction) {
		
		switch(sAction) {
			case "search":		//조회
				mySheet.DoSearch("../data/filter_data.json");
				break;
		    break;
		}
	}
	
</script>
<title>필터 기본값 사용 예제</title>
</head>
<body>
<div id="main">
	<%@ include file="../../common/jsp/sheetNavi.jsp" %>
	<div id="title">필터 기본값 사용 예제</div>
	<div id="desc">
		<div>
		<table border="1" style="border-spacing: 1px; border-style: none; border-color: #CCCCCC;">
			<tr style="text-align:center">
				<td width="50">값</td>
				<td width="150">설명</td>
				<td width="50">값</td>
				<td width="150">설명</td>
			</tr>
			<tr>
				<td align="center">0</td>
				<td>사용 안함</td>
				<td align="center">1</td>
				<td>같다</td>
			</tr>
			<tr>
				<td align="center">2</td>
				<td>같지 않다</td>
				<td align="center">3</td>
				<td>작은</td>
			</tr>
			<tr>
				<td align="center">4</td>
				<td>작거나 같은</td>
				<td align="center">5</td>
				<td>큰</td>
			</tr>
			<tr>
				<td align="center">6</td>
				<td>크거나 같은</td>
				<td align="center">7</td>
				<td>단어로 시작함</td>
			</tr>
			<tr>
				<td align="center">8</td>
				<td>단어로 시작하지 않음</td>
				<td align="center">9</td>
				<td>단어로 끝남</td>
			</tr>
			<tr>
				<td align="center">10</td>
				<td>단어로 끝나지 않음</td>
				<td align="center">11</td>
				<td>포함함</td>
			</tr>
			<tr>
				<td align="center">12</td>
				<td>포함하지 않음</td>
				<td align="center"></td>
				<td></td>
			</tr>
		</table>
		</div>
	</div>

	<div id="functionArea">
		<div>
		
		<br>
		
		</div>
	</div>
	
	<div id="viewArea">
	</div>
</div>
</body>
</html>